import dash
import time
from dash import html
import feffery_antd_components as fac
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div(
    [
        html.Div(
            [
                html.Img(
                    src=app.get_asset_url('human.png'),
                    style={
                        'height': '100%'
                    }
                ),
                html.Span(
                    [
                        fac.AntdSpace(
                            [
                                html.Img(
                                    src=app.get_asset_url('brain.png'),
                                    height=80,
                                    style={
                                        'borderRight': '1px solid rgb(210, 210, 210)',
                                        'paddingRight': '10px'
                                    }
                                ),
                                fac.AntdSpace(
                                    [
                                        html.A(
                                            'Neuron (224)'
                                        ),
                                        html.A(
                                            'Astrocyte (166)'
                                        ),
                                        html.A(
                                            'Oligodendrocyte (152)'
                                        ),
                                        html.A(
                                            'other 12 cells'
                                        ),
                                    ],
                                    size=2,
                                    direction='vertical',
                                    align='start'
                                )
                            ]
                        )
                    ],
                    style={
                        'position': 'absolute',
                        'top': '5%',
                        'left': '60%'
                    }
                )
            ],
            style={
                'position': 'block',
                'height': '700px'
            }
        )
    ],
    style={
        'height': '100vh',
        'padding': '50px',
        'textAlign': 'center'
    }
)

if __name__ == '__main__':
    app.run_server(debug=True)
